<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS+JS打造类似QQ的网站导航菜单特效</title>
<script type="text/javascript" src="media/js/jquery/jquery.js"></script>
<link href="media/css/menu/popmenu.css" rel="stylesheet" type="text/css" />
<!--<script type="text/javascript" src="media/js/menu/popmenu.js"></script>-->
<link href="media/css/function/function.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="media/js/function/function.js"></script>
<script type="text/javascript" src="media/js/default.js"></script>
<script type="text/javascript">
if(document.all && window.print){
	document.getElementById("popmenu").className = menuskin;
	//document.oncontextmenu = false;  
	document.body.onclick = hidepopmenu;
}
//function document.oncontextmenu(){return false}
</script>
</head>
<body onload="loadfunction();" oncontextmenu="return false">
<ul id="item_function">
	<li class="item"><a href="#" class="title">数字化电网</a>
	<li class="item"><a href="javascript:void(0)" class="title" name="1">变电站</a>
	  <ul id="opt_1" class="optiton">
		  <li align="center"><a href="#" onclick="loadpopmenu();popmenu(event)">500KV</a></li>
		  <li align="center"><a href="#">220KV</a></li>
		  <li align="center"><a href="#">110KV</a></li>
	  </ul>
	</li>
	<li class="item"><a href="javascript:void(0)" class="title" name="2">输电线路</a>
	  <ul id="opt_2" class="optiton">
		  <li align="center"><a href="#">500KV</a></li>
		  <li align="center"><a href="#">220KV</a></li>
		  <li align="center"><a href="#">110KV</a></li>
		  <li align="center"><a href="#">35KV</a></li>
	  </ul>
	</li>
	<li class="item"><a href="javascript:void(0)" class="title" name="3">GIS分析</a>
	  <ul id="opt_3" class="optiton">
		  <li><a href="#">特殊区域</a></li>
		  <li><a href="#">雷电区域</a></li>
	  </ul>
	</li>
	<li class="item"><a href="javascript:void(0)" class="title" name="4">应急体系</a>
	  <ul id="opt_4" class="optiton">
		  <li><a href="#">预警</a></li>
		  <li><a href="#">指挥</a></li>
		  <li><a href="#">善后</a></li>
	  </ul>
	</li>
</ul>
<div id="popmenu" class="skin0" onMouseover="highlightpopmenu(event)" onMouseout="lowlightpopmenu(event)">
  	<div class="menuitem"><a href="#" onclick="msgs()">1#变电站</a></div>  
  	<div class="menuitem"><a href="#" onclick="msgs()">2#变电站</a></div>  
	<hr>  
  	<div class="menuitem" url="http://www.163.com">网易</div>  
  	<div class="menuitem" url="http://www.sohu.com">搜狐</div>  
    <hr>  
  	<div class="menuitem" url="http://www.sina.com.cn">新浪</div>  
  	<div class="menuitem" url="http://www.yahoo.com.cn">雅虎</div>  
</div>
</body>
</html>